<template>
  <v-card flat>
    <v-list class="py-0" dense>
      <v-list-item-group>
        <v-list-item>
          <v-list-item-content>
            <v-list-item-title>商品合计</v-list-item-title>
          </v-list-item-content>
          <span
            class="subtitle-2 text--secondary"
            v-text="`￥${$store.state.currPayableTotalAmount}`"
          ></span>
        </v-list-item>
        <v-divider></v-divider>
        <v-list-item>
          <v-list-item-content>
            <v-list-item-title>运费</v-list-item-title>
          </v-list-item-content>
          <span class="subtitle-2 text--secondary">￥0.00</span>
        </v-list-item>
        <!-- <v-divider></v-divider>
        <v-list-item>
          <v-list-item-content>
            <v-list-item-title>活动优惠</v-list-item-title>
          </v-list-item-content>
          <span class="subtitle-2 red--text" v-text="`-￥${promotion}`"
            >-￥8.00</span
          >
        </v-list-item> -->
      </v-list-item-group>
    </v-list>
  </v-card>
</template>

<script>
export default {
  name: 'amount-info',
  data() {
    return {
      promotion: 8
    };
  }
};
</script>
